<script type="text/javascript">
$('#tecnology').ready(function($) {

   /*****************************/
   /* Efecto imagenes y Titulo  */
   /*****************************/ 
    $('.materialHeader').
    css({ x: '-800px' }).
    transition({ x: 0 });
    
    function efectoTecno(){
    $('#tecnoImgs img').transition({
      perspective: '100px',
      rotate3d: '1, 1, 0, 360deg'})
    }
    setTimeout(efectoTecno,1000);
  /*-----------------------------------------------*/    
});

</script>
<div id="tecnology">
  <div class="materialHeader">
          <h3>Tecnologías con las que trabajamos</h3>
  </div>
        <br/>
  <div id="tecnoImgs">
          <img src="<?php echo URL::base()?>media/images/html5.png">
          <img src="<?php echo URL::base()?>media/images/css3.png">
          <img src="<?php echo URL::base()?>media/images/js.png">
          <img src="<?php echo URL::base()?>media/images/jquery.png">
          <img src="<?php echo URL::base()?>media/images/php.png">
          <img src="<?php echo URL::base()?>media/images/apache.png">
          <img src="<?php echo URL::base()?>media/images/python.png">
          <img src="<?php echo URL::base()?>media/images/django.png">
          <img src="<?php echo URL::base()?>media/images/java.png">
          <img src="<?php echo URL::base()?>media/images/play.png">
  </div>
</div>
